<template>
	<view class="message-info-layout">
		<text class="message-info-title">{{dataJson.title}}</text>
		<text class="message-info-time">{{dataJson.pushDate}}</text>
		<text class="message-info-content">{{dataJson.content}}</text>
	</view>
</template>

<script setup>
	const props = defineProps(['data'])
	const dataJson = JSON.parse(decodeURIComponent(props.data))
</script>

<style lang="scss" scoped>
	
.message-info-layout{
	min-height: 100vh;
	background-color: #ffffff;
	padding: 30rpx;
	display: flex;
	flex-direction: column;
	.message-info-title{
		font-size: 28rpx;
		color: $xh-color-3;
	}
	.message-info-time{
		font-size: 26rpx;
		color: $xh-color-6;
		margin: 16rpx 0;
	}
	.message-info-content{
		font-size: 26rpx;
		color: $xh-color-9;
	}
}
</style>